<template>
  <div class="err-hint">
    <!-- <div class="hint">
      <p class="tit">{{errInfo.tit}}</p>
      <p class="content">{{errInfo.content}}</p>
      <div class="btn" @click="OnConfirmBtn">
        确 定
      </div>
    </div> -->
    <div class="hint">
      <i class="iconstar"></i>
      <p>{{errInfo.text}}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'errHint',
  props: {
    errInfo: {
      type: Object,
      required: true
    }
  },
  data () {
    return {}
  },
  methods: {
  }
}
</script>

<style lang="stylus" scoped>
  .err-hint{
    position: fixed
    top: 0
    left: 0
    width: 100%
    height: 100%
    background-color: rgba(139 137 137 .4)
    text-align: center
    .hint{
      width 4.12rem
      height 3.12rem
      border-radius 0.1rem
      background rgba(0, 0, 0, 0.7)
      position absolute
      left 50%
      top 50%
      margin -1.56rem 0 0 -2.06rem
      .iconstar{
        display block
        width 1.2rem
        height 1.14rem
        background url('../../static/images/brand/state03.png') no-repeat
        background-size 100% 100%
        margin 0.7rem auto 0.5rem auto
      }
      p{
        font-size 0.32rem
        color #fff
        text-align center
      }
    }
  }
</style>
